<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>细码单发货</title>

    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/demo/demo.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/bootstrap/easyui.css">
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>

    <script src="publicJS/publicJS.js" type="text/javascript"></script>

    <link href="css/makefhd.css" type="text/css" rel="stylesheet" >
    <script src="js/makefhd.js" type="text/javascript"></script>

<!--    设置文本框，拉下字体-->
    <link href="css/settextbox.css" type="text/css" rel="stylesheet" >

</head>
<body>

<div class="main">

    <table  border="0" cellspacing="0" style="height: 100%;width: 100%">

<!--        第一行按钮-->
        <tr>
            <td style="height:50px" colspan="4">
                <div style="border: 1px solid #AAAAAA;">
                    <a id="updateplan" href="#" class="easyui-linkbutton top1" onclick="getquery()"
                       data-options="iconCls:'icon-reload',iconAlign:'bottom'">查询</a>
                    <a id="Pending" href="#" class="easyui-linkbutton top1" onclick="openE()"
                       data-options="iconCls:'icon-filter',iconAlign:'bottom'">待上车</a>
                    <a id="savefh" href="#" class="easyui-linkbutton top1" onclick="generateFHD01()"
                       data-options="iconCls:'icon-save',iconAlign:'bottom',">生成发货单</a>
                    <a id="closeplan" href="#" class="easyui-linkbutton top1" onclick="closeTab()"
                       data-options="iconCls:'icon-no',iconAlign:'bottom'">关闭</a>
                </div>
            </td>
        </tr>
<!--        第二行文本框-->
        <tr>
            <td style="height:40px" colspan="4">
                <div style="height:40px;width:100%;border: 1px solid #AAAAAA;font-size: 15px">
                    <label>卡号：</label>
                    <input id="kh"  class="easyui-textbox " data-options="" style="height:95%;width:100px;">
                    <label>客户：</label>
                    <input id="clien"  class="easyui-textbox " data-options="" style="height:95%;width:130px">
                    <label>品名：</label>
                    <input id="pm"  class="easyui-textbox " data-options="" style="height:95%;width:130px">
                    <label>原料规格：</label>
                    <input id="ylgg"  class="easyui-textbox " data-options="" style="height:95%;width:130px">
                    <label>白坯规格：</label>
                    <input id="bpgg"  class="easyui-textbox " data-options="" style="height:95%;width:130px">

                </div>
            </td>
        </tr>

        <tr>
<!--            根据卡号获取的细码单库存 网格数据-->
            <td style="height:calc(100% - 170px);width:250px">
                <table id="detail01" class="easyui-datagrid" title="" style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
               toolbar:'#tb',footer:'#ft',striped:true">
                    <thead>
                    <tr>

                        <th data-options="field:'b_barcode',width:70,align:'center'">码单编号</th>
                        <th data-options="field:'ps',width:50,align:'right'">匹数</th>
                        <th data-options="field:'qty',width:60,align:'right'">公斤</th>
                        <th data-options="field:'value',width:60,checkbox:true">选择</th>

                    </tr>
                    </thead>
                </table>
            </td>
<!--            点击第一个网格获取对应细码单明细  网格数据-->
            <td style="height:calc(100% - 170px);width:200px">
                <table id="detail02" class="easyui-datagrid" title="" style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:false,method:'get',
               toolbar:'#tb',footer:'#ft',striped:true">
                    <thead>
                    <tr>

                        <th  data-options="field:'B_GJ',width:70,align:'right',
                    formatter: function (value, row, index) {if (row != null) {return parseFloat(value).toFixed(1);}}">
                            重量</th>
                        <th  data-options="field:'B_AorB',width:50,align:'center'">A/B面</th>
                        <th  data-options="field:'B_ItemID',width:100,align:'center',sortable:true,hidden:true">打卷主键</th>
                        <th  data-options="field:'B_ID',width:100,align:'center',sortable:true,hidden:true">计划主键</th>
                        <th data-options="field:'value',width:60,checkbox:true">选择</th>

                    </tr>
                    </thead>
                </table>
            </td>
<!--            上车、删除等 操作按钮  -->
            <td style="height:calc(100% - 170px);width:100px">
                 <div style="height:100%;width:100%;border: 1px solid #AAAAAA">
                     <table  border="0" cellspacing="0" style="height: 80%;width: 100%">
                         <tr>
                             <td></td>
                         </tr>
                         <tr>
                             <td align="center">
                                 <a id="intocar" href="#" class="easyui-linkbutton top2" onclick="intocar()"
                                    data-options="iconCls:'icon-redo',iconAlign:'bottom'">选中上车</a>
                             </td>
                         </tr>
                         <tr>
                             <td align="center">
                                 <a id="intocardelete" href="#" class="easyui-linkbutton top2" onclick="DeleteFHdetail()"
                                    data-options="iconCls:'icon-undo',iconAlign:'bottom'">删除上车</a>
                             </td>
                         </tr>
                         <tr>
                             <td align="center">
                                 <a id="intocarall" href="#" class="easyui-linkbutton top2" onclick="getintocarAll()"
                                    data-options="iconCls:'icon-remove',iconAlign:'bottom'">全部上车</a>
                             </td>
                         </tr>

                     </table>
                 </div>
            </td>
<!--            已上车数据 网格数据-->
            <td style="height:calc(100% - 170px);width:calc(100% - 550px)">
                <table id="detail03" class="easyui-datagrid" title="" style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
               toolbar:'#tb',footer:'#ft',striped:true">
                    <thead>
                    <tr>

                        <th  data-options="field:'pinming',width:80,align:'center'">品名</th>
                        <th  data-options="field:'menfu',width:90,align:'center'">白坯规格</th>
                        <th  data-options="field:'ylgg',width:90,align:'center'">原料规格</th>
                        <th  data-options="field:'ps',width:60,align:'right'">发货匹数</th>

                        <th  data-options="field:'qty',width:80,align:'right',
                        formatter: function (value, row, index) {if (row != null) {return parseFloat(value).toFixed(1);}}">
                            发货重量</th>
                        <th  data-options="field:'xmbarcode',width:80,align:'center'">细码单号</th>
                        <th  data-options="field:'date',width:150,align:'center'">上车时间</th>
                        <th  data-options="field:'itemid',width:120,align:'center',hidden:true">明细表主键</th>

                    </tr>
                    </thead>
                </table>
            </td>
        </tr>

        <tr>
            <td style="height:80px" colspan="4">
                <div style="height:80px;width:100%;border: 1px solid #aaaaaa;font-size: 15px">
                        <table  border="0" cellspacing="0" style="height: 100%;">
                            <tr style="height: 40px">
                                <td style="width: 80px" align="right"><label>客 户：</label></td>
                                <td><input id="clien02" class="easyui-combobox"  data-options="limitToList:'true',required:'true'" style="height:95%;width:130px;"></td>
                                <td style="width: 80px" align="right"><label>染厂：</label></td>
                                <td><input id="rc"  class="easyui-combobox"  data-options="limitToList:'true',required:'true'" style="height:95%;width:130px"></td>
                                <td style="width: 80px" align="right"><label>车牌号：</label></td>
                                <td><input id="carnumber"  class="easyui-textbox " data-options="" style="height:95%;width:130px"></td>
                                <td style="width: 80px" align="right"><label>驾驶员：</label></td>
                                <td><input id="driver"  class="easyui-textbox " data-options="" style="height:95%;width:130px"></td>
                                <td style="width: 80px" align="right"><label>联系电话：</label></td>
                                <td><input id="phone"  class="easyui-textbox " data-options="" style="height:95%;width:130px"></td>

                            </tr>

                            <tr style="height: 40px">
                                <td style="width: 80px" align="right"><label>装卸工：</label></td>
                                <td><input id="zxg"  class="easyui-textbox " data-options="" style="height:95%;width:130px"></td>
                                <td style="width: 80px" align="right"><label>经手人：</label></td>
                                <td><input id="broker"  class="easyui-textbox " data-options="" style="height:95%;width:130px"></td>
                                <td style="width: 80px" align="right"><label>送货地址：</label></td>
                                <td colspan="3"><input id="dz"  class="easyui-textbox " data-options="" style="height:95%;width:340px"></td>
<!--                                <td style="width: 80px"></td>-->
<!--                                <td style="width: 130px"></td>-->
                                <td style="width: 80px"></td>
                                <td style="width: 130px"></td>

                            </tr>

                        </table>
                </div>
            </td>
        </tr>

    </table>

    <div id="E" class="easyui-window" title="待上车明细"
         style="width:400px;height:520px;padding:10px;display: none;"
         data-options="modal:true,collapsible:false,minimizable:false,maximizable:false,
         closable:true,maximized:false,closed:true,resizable:false">
        <div class="fhdetailE">
            <table id="intoCardetail" class="easyui-datagrid"  style="width:100%;height:100%;"
                   data-options="rownumbers:true,singleSelect:true,method:'get',remoteSort:false,
                           toolbar:'#tb',footer:'#ft'" >
                <thead>
                <tr>
                    <th  data-options="field:'qty',width:70,align:'right'">重量</th>
                    <th  data-options="field:'aorB',width:70,align:'center'">A/B面</th>
                    <th  data-options="field:'ylgg',width:150,align:'center'">原料规格</th>
                </tr>
                </thead>

            </table>
        </div>
        <div class="fhdetailE02">
            <table border="0" cellspacing="0" style="height: 40px;width: 98%">
                <tr>
                    <td style="height: 40px;width: 50%">
                        <a  href="#" class="easyui-linkbutton" style="height: 100%;width: 100%"
                            onclick="getPendingintocar()"
                            data-options="iconAlign:'bottom'">上车</a>
                    </td>
                    <td style="height: 40px;width: 50%">
                        <a  href="#" class="easyui-linkbutton" style="height: 100%;width: 100%"
                            onclick="closeE()"
                            data-options="iconAlign:'bottom'">退出</a>
                    </td>
                </tr>
            </table>
        </div>
    </div>

</div>


</body>
</html>